home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / mailing-list.izs < prev    next >
Text File  |  2005-09-28  |  10KB  |  377 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Mailing List
  4.  
  5. <!/TITLE>
  6.  
  7. <!DESCRIPTION>Use JavaScript to sign up visitors for your mailing list. Once again, JavaScript ensures that the visitors have filled out the form completely and correctly. Visitors area also prompted to reenter any incomplete or invalid entries. 
  8. <!/DESCRIPTION> 
  9.  
  10. <!CATEGORY>Forms<!/CATEGORY>
  11.  
  12. <!SCRIPT>
  13. <!-- START OF SCRIPT -->
  14.  
  15.  
  16. <!-- HOW TO INSTALL MAILING LIST:
  17.  
  18.    1.  Paste the coding into the HEAD of your HTML document
  19.    2.  Put the last code into the BODY of your HTML document  -->
  20.  
  21. <!--  STEP ONE: Copy this code into the HEAD of your HTML document  -->
  22.  
  23. <HEAD>
  24.  
  25. <SCRIPT LANGUAGE="JavaScript">
  26.  
  27.  
  28.  
  29. <!--  Begin
  30. function resetform() {
  31. document.forms[0].elements[1]=="";
  32. }
  33. function submitForms() {
  34. if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
  35. if (confirm("\n You are about to e-mail your submission. \n\nYES to submit.    NO to abort."))
  36. {
  37. alert("\nYour submission will now be sent. \n\n Use the Return Button once the submission is complete to return to my home page.\n\n\n Thank you for joining our mailing list!");
  38. return true;
  39. }
  40. else
  41. {
  42. alert("\n You have chosen to abort the submission.");
  43. return false
  44. }
  45. else 
  46. return false;
  47. }
  48. function isEmail() {
  49. if (document.forms[0].elements[1].value == "") {
  50. alert ("\n The E-Mail field is blank. \n\n Please enter your E-Mail address.")
  51. document.forms[0].elements[1].focus();
  52. return false;
  53. }
  54. if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
  55. document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
  56. alert ("\n The E-Mail field requires a \"@\" and a \".\"be used. \n\nPlease re-enter your E-Mail address.")
  57. document.forms[0].elements[1].select();
  58. document.forms[0].elements[1].focus();
  59. return false;
  60. }
  61. return true;
  62. }
  63. function isFname() {
  64. if (document.forms[0].elements[2].value == "")
  65. {
  66. alert ("\n The First Name field is blank. \n\n Please enter your first name.")
  67. document.forms[0].elements[2].focus();
  68. return false;
  69. }
  70. return true;
  71. }
  72. function isLname() {
  73. if (document.forms[0].elements[3].value == "") {
  74. alert ("\n The Last Name field is blank. \n\nPlease enter your last name.")
  75. document.forms[0].elements[3].focus();
  76. return false;
  77. }
  78. return true;
  79. }
  80. function isAddress() {
  81. if (document.forms[0].elements[4].value == "") {
  82. alert ("\n The Address field is blank. \n\nPlease enter your address.")
  83. document.forms[0].elements[4].focus();
  84. return false;
  85. }
  86. return true;
  87. }
  88. function isCity()
  89. {
  90. if (document.forms[0].elements[5].value == "")
  91. {
  92. alert ("\n The City field is blank. \n\nPlease enter your city.")
  93. document.forms[0].elements[5].focus();
  94. return false;
  95. }
  96. return true;
  97. }
  98. function isState() {
  99. if (document.forms[0].elements[6].value == "") {
  100. alert ("\n The state field is blank.\n\nPlease enter your state.")
  101. document.forms[0].elements[6].focus();
  102. return false;
  103. }
  104. return true;
  105. }
  106. function isZip() {
  107. if (document.forms[0].elements[7].value == "") {
  108. alert ("\n The Zip code field is blank. \n\nPlease enter your Zip code.")
  109. document.forms[0].elements[7].focus();
  110. return false;
  111. }
  112. return true;
  113. }
  114. // End -->
  115. </SCRIPT>
  116.  
  117. <!--  STEP TWO: Copy this code into the BODY of your HTML document  -->
  118.  
  119. <BODY>
  120.  
  121. <CENTER>
  122. <FORM enctype="text/plain" name="addform" method='get'
  123. action='mailto:antispammer@earthling.net?subject=TJS - Mailing List' onSubmit="return submitForms()">
  124. <TABLE border=3 width=430 cellpadding=10><TD align="center">
  125. <strong>
  126. <font face="arial" size=+2>Join the Mailing List!</font>
  127. </strong>
  128. </TABLE>
  129. <input type="hidden" name="Form" value="Submit Sub">
  130. <TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#C0C0C0">
  131. <tr valign=baseline>
  132. <TD>
  133. <font face="arial">Email Address:</font>
  134. </TD>
  135. <TD>
  136. <input type=text name="Email Address" size=35,1 maxlength=80>
  137. </TD>
  138. </tr>
  139. <tr>
  140. <TD>
  141. <font face="arial">First Name:</font>
  142. </TD>
  143. <TD>
  144. <input type=text name="First Name" size=35,1 maxlength=80>
  145. </TD></tr>
  146. <tr>
  147. <TD>
  148. <font face="arial">Last Name:</font>
  149. </TD>
  150. <TD>
  151. <input type=text name="Last Name" size=35,1 maxlength=80>
  152. </TD></tr>
  153. <tr>
  154. <TD>
  155. <font face="arial">Address:</font>
  156. </TD>
  157. <TD>
  158. <input type=text name="Address" size=35,1 maxlength=80>
  159. </TD></tr>
  160. <tr>
  161. <TD>
  162. <font face="arial">City:</font>
  163. </TD>
  164. <TD>
  165. <input type=text name="City" size=35,1 maxlength=80>
  166. </TD></tr>
  167. <tr>
  168. <TD>
  169. <font face="arial">State:</font>
  170. </TD>
  171. <TD>
  172. <input type=text name="State" size=10,1 maxlength=25>
  173. </TD></tr>
  174. <tr>
  175. <TD>
  176. <font face="arial">Zip Code:</font>
  177. </TD>
  178. <TD>
  179. <input type=text name="Zip" size=20,1 maxlength=35>
  180. </TD></tr></TABLE>
  181. <br>
  182. <center>
  183. <input type="submit" value="  Submit  ">
  184. <input type="button" value="  Return  " onclick="window.location='your-page.html'">
  185. <input type="reset" value="Reset Form" onclick=resetform()>
  186. </FORM>
  187. </CENTER>
  188.  
  189.  
  190.  
  191.  
  192. <!-- END OF SCRIPT -->
  193. <!/SCRIPT>
  194.  
  195. <!PREVIEW>
  196. <!-- START OF SCRIPT -->
  197.  
  198.  
  199. <!-- HOW TO INSTALL MAILING LIST:
  200.  
  201.    1.  Paste the coding into the HEAD of your HTML document
  202.    2.  Put the last code into the BODY of your HTML document  -->
  203.  
  204. <!--  STEP ONE: Copy this code into the HEAD of your HTML document  -->
  205.  
  206. <HEAD>
  207.  
  208. <SCRIPT LANGUAGE="JavaScript">
  209.  
  210.  
  211.  
  212. <!--  Begin
  213. function resetform() {
  214. document.forms[0].elements[1]=="";
  215. }
  216. function submitForms() {
  217. if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
  218. if (confirm("\n You are about to e-mail your submission. \n\nYES to submit.    NO to abort."))
  219. {
  220. alert("\nYour submission will now be sent. \n\n Use the Return Button once the submission is complete to return to my home page.\n\n\n Thank you for joining our mailing list!");
  221. return true;
  222. }
  223. else
  224. {
  225. alert("\n You have chosen to abort the submission.");
  226. return false
  227. }
  228. else 
  229. return false;
  230. }
  231. function isEmail() {
  232. if (document.forms[0].elements[1].value == "") {
  233. alert ("\n The E-Mail field is blank. \n\n Please enter your E-Mail address.")
  234. document.forms[0].elements[1].focus();
  235. return false;
  236. }
  237. if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
  238. document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
  239. alert ("\n The E-Mail field requires a \"@\" and a \".\"be used. \n\nPlease re-enter your E-Mail address.")
  240. document.forms[0].elements[1].select();
  241. document.forms[0].elements[1].focus();
  242. return false;
  243. }
  244. return true;
  245. }
  246. function isFname() {
  247. if (document.forms[0].elements[2].value == "")
  248. {
  249. alert ("\n The First Name field is blank. \n\n Please enter your first name.")
  250. document.forms[0].elements[2].focus();
  251. return false;
  252. }
  253. return true;
  254. }
  255. function isLname() {
  256. if (document.forms[0].elements[3].value == "") {
  257. alert ("\n The Last Name field is blank. \n\nPlease enter your last name.")
  258. document.forms[0].elements[3].focus();
  259. return false;
  260. }
  261. return true;
  262. }
  263. function isAddress() {
  264. if (document.forms[0].elements[4].value == "") {
  265. alert ("\n The Address field is blank. \n\nPlease enter your address.")
  266. document.forms[0].elements[4].focus();
  267. return false;
  268. }
  269. return true;
  270. }
  271. function isCity()
  272. {
  273. if (document.forms[0].elements[5].value == "")
  274. {
  275. alert ("\n The City field is blank. \n\nPlease enter your city.")
  276. document.forms[0].elements[5].focus();
  277. return false;
  278. }
  279. return true;
  280. }
  281. function isState() {
  282. if (document.forms[0].elements[6].value == "") {
  283. alert ("\n The state field is blank.\n\nPlease enter your state.")
  284. document.forms[0].elements[6].focus();
  285. return false;
  286. }
  287. return true;
  288. }
  289. function isZip() {
  290. if (document.forms[0].elements[7].value == "") {
  291. alert ("\n The Zip code field is blank. \n\nPlease enter your Zip code.")
  292. document.forms[0].elements[7].focus();
  293. return false;
  294. }
  295. return true;
  296. }
  297. // End -->
  298. </SCRIPT>
  299.  
  300. <!--  STEP TWO: Copy this code into the BODY of your HTML document  -->
  301.  
  302. <BODY>
  303.  
  304. <CENTER>
  305. <FORM enctype="text/plain" name="addform" method='get'
  306. action='mailto:antispammer@earthling.net?subject=TJS - Mailing List' onSubmit="return submitForms()">
  307. <TABLE border=3 width=430 cellpadding=10><TD align="center">
  308. <strong>
  309. <font face="arial" size=+2>Join the Mailing List!</font>
  310. </strong>
  311. </TABLE>
  312. <input type="hidden" name="Form" value="Submit Sub">
  313. <TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#C0C0C0">
  314. <tr valign=baseline>
  315. <TD>
  316. <font face="arial">Email Address:</font>
  317. </TD>
  318. <TD>
  319. <input type=text name="Email Address" size=35,1 maxlength=80>
  320. </TD>
  321. </tr>
  322. <tr>
  323. <TD>
  324. <font face="arial">First Name:</font>
  325. </TD>
  326. <TD>
  327. <input type=text name="First Name" size=35,1 maxlength=80>
  328. </TD></tr>
  329. <tr>
  330. <TD>
  331. <font face="arial">Last Name:</font>
  332. </TD>
  333. <TD>
  334. <input type=text name="Last Name" size=35,1 maxlength=80>
  335. </TD></tr>
  336. <tr>
  337. <TD>
  338. <font face="arial">Address:</font>
  339. </TD>
  340. <TD>
  341. <input type=text name="Address" size=35,1 maxlength=80>
  342. </TD></tr>
  343. <tr>
  344. <TD>
  345. <font face="arial">City:</font>
  346. </TD>
  347. <TD>
  348. <input type=text name="City" size=35,1 maxlength=80>
  349. </TD></tr>
  350. <tr>
  351. <TD>
  352. <font face="arial">State:</font>
  353. </TD>
  354. <TD>
  355. <input type=text name="State" size=10,1 maxlength=25>
  356. </TD></tr>
  357. <tr>
  358. <TD>
  359. <font face="arial">Zip Code:</font>
  360. </TD>
  361. <TD>
  362. <input type=text name="Zip" size=20,1 maxlength=35>
  363. </TD></tr></TABLE>
  364. <br>
  365. <center>
  366. <input type="submit" value="  Submit  ">
  367. <input type="button" value="  Return  " onclick="window.location='your-page.html'">
  368. <input type="reset" value="Reset Form" onclick=resetform()>
  369. </FORM>
  370. </CENTER>
  371.  
  372.  
  373. <!-- END OF SCRIPT -->
  374. <!/PREVIEW>
  375.  
  376. <!RELATED>NONE<!/RELATED>
  377.